<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style >
	.login-button { /* 按钮美化 */
	width: 270px; /* 宽度 */
	height: 40px; /* 高度 */
	border-width: 0px; /* 边框宽度 */
	border-radius: 3px; /* 边框半径 */
	background: #1E90FF; /* 背景颜色 */
	cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
	outline: none; /* 不显示轮廓线 */
	font-family: Microsoft YaHei; /* 设置字体 */
	color: white; /* 字体颜色 */
	font-size: 17px; /* 字体大小 */
}
.login-button:hover { /* 鼠标移入按钮范围时改变颜色 */
	background: #5599FF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery网站在线充值金额选择代码</title>
<!--js区域-->
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/help.css"/>
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".fwmc_xxk li").click(function(){
		//var fw_price = $(this).children("i").text();
		//var fw_numb = $(".srkk").val();
		//var fw_tal = fw_price*fw_numb;
		//$(".zwfb_zje span").text(fw_tal);
		$(this).addClass("on").siblings().removeClass("on");
		tola();
		});
	//加
	$(".jia").click(function(){
		var fw_numb = $(".srkk").val();	
		fw_numb++;
		$(".srkk").val(fw_numb);		
		/*$(".fwmc_xxk li").each(function() {
            if($(this).hasClass("on")){
				var dqzt_price = $(this).children("i").text();
				//alert(dqzt_price);
				var zgsj_jia = dqzt_price*fw_numb;
				$(".zwfb_zje span").text(zgsj_jia);
				}
        }); */
		tola();
		})
		
	//减
	$(".jian").click(function(){
		var fw_numb = $(".srkk").val();	
		if(fw_numb <= 1){
			alert("数量不足了，请住手！")
			}else{
		fw_numb--;
		$(".srkk").val(fw_numb);		
			}
		/*$(".fwmc_xxk li").each(function() {
            if($(this).hasClass("on")){
				var dqzt_price = $(this).children("i").text();
				//alert(dqzt_price);
				var zgsj_jia = dqzt_price*fw_numb;
				$(".zwfb_zje span").text(zgsj_jia);
				}
        }); */
		tola();
		})	
	 
	
});
function tola(){
		var $li = $(".fwmc_xxk").children("li.on");
		var money = $li.children("i").text();
		var count = $(".srkk").val();
		$(".zwfb_zje span").text(money*count);
		$("#WIDtotal_amount").attr("value",money*count);
		var username = money*count; 
}
</script>
</head>
<body><script src="/demos/googlegg.js"></script>
 

<div class="w_1200 fw_box ">
  
  <div  class="fw_conent"> 
    <!--内容开始------------------------------>
    <div class="bzzx_bt"> <strong>会员充值中心</strong>会员每天能投无限量的简历 职位显示 更体贴的服务，专线小客服  会员收藏职位功能收藏无限量 会员会有贴心的职位订阅等管理</div>
   		<form name=alipayment action="pay" method="post" target="_blank">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="zwfb_shop_table">
      <tr>
      <td>订单编号:</td>
      <td>
     <input id="WIDout_trade_no" name="WIDout_trade_no" />
      </td>
      </tr>
      <tr>
      <td>订单名称:</td>
      <td>
      <input id="WIDsubject" name="WIDsubject"/>
      </td>
      </tr>
      <tr valign="top">
        <td align="right" width="70">充值月份：</td>
        <td>
        	<ul class="fwmc_xxk">
            <li class="on">
              <p>一个月</p>
              <i >30</i>元</li>
            <li >
              <p>两个月</p>
              <i>58</i>元
            </li>
            <li >
              <p>六个月</p>
              <i>168</i>元
              </li>
          </ul>
        </td>
      </tr>
      <tr>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td align="right">购买数量：</td>
        <td><ul class="nmb_jj">
            <li class="jian">-</li>
            <li>
              <input name="" type="text" value="1" class="srkk" />
            </li>
            <li class="jia">+</li>  
          </ul></td>
      </tr>
      <tr>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td align="right">价格：</td>
        <td>
        <div class="zwfb_zje"><span></span> <i>元</i>
        <input type="hidden" id="WIDtotal_amount" name="WIDtotal_amount" />
        </div></td>
      </tr>
      <tr>
      <td>商品描述：</td>
	  <td>
		<input id="WIDbody" name="WIDbody" />
	  </td>
	  </tr>
      <tr>
        <td></td>
        <td><button class="login-button ml20" type="submit"
			style="text-align: center;">购 买</button>
			<a href="seelp"  />返回
			</td>
      </tr>
    </table>
    </form>
    <div class="gmxz_tip"> 购买须知：
      <p>1.职位发布服务购买后有效期为自购买之日起24个月，过期将会自动作废。</p>
      <p> 2.本次服务购买后即生效，不支持退费服务。</p>
    </div>
    
    <!--内容结束------------------------------> 
  </div>
</div>
<div style="text-align:center;margin:1px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="http://www.lanrenzhijia.com/" target="_blank">懒人素材</a></p>
</div>
</body>
<script language="javascript">
	var tabs = document.getElementsByName('tab');
	var contents = document.getElementsByName('divcontent');
	
	(function changeTab(tab) {
	    for(var i = 0, len = tabs.length; i < len; i++) {
	        tabs[i].onmouseover = showTab;
	    }
	})();
	function tola(){
		var $li = $(".fwmc_xxk").children("li.on");
		var money = $li.children("i").text();
		var count = $(".srkk").val();
		$(".zwfb_zje span").text(money*count);
		$("#WIDtotal_amount").attr("value",money*count);
		var username = money*count; 
}
	function showTab() {
	    for(var i = 0, len = tabs.length; i < len; i++) {
	        if(tabs[i] === this) {
	            tabs[i].className = 'selected';
	            contents[i].className = 'show';
	        } else {
	            tabs[i].className = '';
	            contents[i].className = 'tab-content';
	        }
	    }
	}
	
	function GetDateNow() {
		var vNow = new Date();
		var sNow = "";
		sNow += String(vNow.getFullYear());
		sNow += String(vNow.getMonth() + 1);
		sNow += String(vNow.getDate());
		sNow += String(vNow.getHours());
		sNow += String(vNow.getMinutes());
		sNow += String(vNow.getSeconds());
		sNow += String(vNow.getMilliseconds());
		document.getElementById("WIDout_trade_no").value =  sNow;
		document.getElementById("WIDsubject").value = "充值VIP";
	}
	GetDateNow();
</script>
</html>

